<!DOCTYPE html>
<html>

<head>
    <style>
p {
  font-size: 1.5em;
  color: #FE7F88;
  background-image: none;
  background-color: transparent;
}

/* div {
  background-image:
      url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png");
} */

.catsandstars {
                    background: url('2.jpg') no-repeat center center;
                    background-size: cover;
                    width: 24.3vw;
                    height: 24.7vw;
                    float: left;
                    margin: 2px;
}        
    </style>
</head>

<body>

    <div>
        <p class="catsandstars">
          This paragraph is full of cats<br />and stars.
        </p>
        <p>This paragraph is not.</p>
        <li class="catsandstars">
        </li>
        <p>And no more.</p>
      </div>

</body>
</html>
